<template>
  <div id="app">
    <div class="flex">
      <echarts-bar></echarts-bar>
      <echarts-line></echarts-line>
      <echarts-pie></echarts-pie>
      <echarts-word></echarts-word>
      <echarts-map></echarts-map>
    </div>
    <TableList></TableList>
  </div>
</template>

<script>
import EchartsBar from '@/components/EchartsBar'
import EchartsLine from "@/components/EchartsLine";
import EchartsPie from '@/components/EchartsPie'
import TableList from '@/components/TableList'
import EchartsMap from '@/components/EchartsMap'
import EchartsWord from '@/components/EchartsWord'
export default {
  components: { EchartsBar, EchartsLine, EchartsPie, TableList, EchartsWord, EchartsMap}
};
</script>

<style scoped>
.flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
</style>
